<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
  <head>
  <base href="<%=basePath%>">
    <title>login</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
	
	
	<style type="text/css">
	body{
	background:#fbf0e4;
	margin:0;
	padding:0;
	}
	#mainback{
	width:100%;
	background:#fff;
	height:550px;
	margin-top:100px;
	margin-bottom:100px;

	
	}
	#mainpic{

	width:100%;
   
	background:#d0df9a;
	margin:auto;
	
	}
	#mainlog{
	background:red;
	width:960px;
	height:430px;
	margin:auto;
	background:url(images/loginback1.jpg);
	}
	#login{
	width:337px;
	height:370px;
	background:#fff;
	border:1px solid #dfdfdf;
	float:right;
	margin-top:23px;
	}
	#login1{
	width:317px;
	height:306px;
    
	}
	#login2{
	width:337px;
	height:64px;
	
	background:#f0f0f0;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	}
	#input1{
	width:250px;
	height:35px;
	background:#eef3f8;
	border:1px solid #dfdfdf;
	padding:8px;
	font-size:14px;
	}
	#input2{
	width:250px;
	height:35px;
	background:#eef3f8;
	border:1px solid #dfdfdf;
    padding:8px;
	font-size:14px;
	
	}
	#wec{
	width:100px;
	height:25px;
	font-size:19px;
	color:#333;
	margin-top:10px;
	margin-left:10px;
	}
	#login1_1{
	height:200px;
	width:330px;
	margin-top:40px;
	
	
	}
	#input3{
	width:100px;
	height:36px;
    background:url(images/login.jpg);
	font-size:16px;
	border:none;
	color:#fff;
	}
	#login1_2{
	width:100px;
	height:36px;
	margin-left:40px;
	float:left;

	}
    #goadd{
    width:80px;
    height:30px;
    line-height:30px;
    float:right;
    margin-top:-89px;
    margin-right:37px;
   
    }
    #back1{
    width:960px;
    height:60px;
 
    margin:auto;
    }
    #logopic{
    background:url(images/logo4.jpg);
    width:180px;
    height:57px;
    
    }
    #back2{
    width:960px;
    height:60px;
    margin:auto;
  
    }
    .fot{
    float:left;
    height:60px;
    width:100px;
    line-height:60px;
    font-size:15px;
 
    
    }
    .fot a{
    color:#333;
    text-decoration:none;
    }
	</style>
  </head>
  
	<body>
	
	<script type="text/javascript">

function getAttributeValue(o, key) {
if (!o.attributes) return null;
var attr = o.attributes;
for (var i = 0; i < attr.length; i++){
if (key.toLowerCase() == attr[i].name.toLowerCase())
return attr[i].value;
}
return null;
}
function focusInputEle(o) {
if (o.value == getAttributeValue(o, 'defaultVal')){
o.value = '';
o.style.color = "#000000";
}
}
function blurInputEle(o) {
if (o.value == '') {
o.value = getAttributeValue(o, 'defaultVal');
o.style.color = "#999999";
}
}

</script>
<div id="mainback">
<div id="back1">
 <div id="logopic">
 
 </div>

</div> 
<div id="mainpic">
	<div id="mainlog">
	<div id="login">
	 <div id="login1">
	 
	    <div id="wec">
	    
	    <a><b>欢迎登陆</b> </a>
	    
	    </div>
	    <div id="login1_1">
		<s:form action="login_login" namespace="/user" method="post">	
		<table align="center" width="450"  height="200" >
	
         
  		<tr>
            <td valign="middle" align="center"></td>
            <td  valign="middle"><input id="input1" type="text"  class="text"  name="username"  onFocus="focusInputEle(this)" onBlur="blurInputEle(this)"
                defaultVal="用户名" value="用户名" size="30" style="color:#999999" >
        
            
            </td>
             
        </tr>
        <tr>
            <td align="center" valign="middle">&nbsp;&nbsp;&nbsp;</td>
            <td><input id="input2"   type="password"  class="text" name="password" onFocus="focusInputEle(this)" onBlur="blurInputEle(this)"
                defaultVal="密密密" value="密密密" >
                
            </td>
        </tr>
        <tr>
			<td colspan="4" align='center'></td>
		</tr>
		<tr>  
	
		    <td colspan="2" align="left" class="td" style="	cursor:pointer;"> 		
  		      <div id="login1_2">
  		      <button id="input3" class="btn btn-login formSubmit" type="submit" style="cursor:pointer;">登&nbsp;录</button>
  		      </div>
  		    </td>
  	
  		</tr>
  		</table>
  	</s:form>
  	</div>
  	</div>
  	<div id="goadd"><a href="" style="color:#3399ff;">立即注册</a></div>
  	 <div id="login2"></div>
  	</div>
  </div>
  </div>
     <div id="back2">
       <div class="fot" ><a href="about.html">关于忘忧</a></div>
       <div class="fot"><a href="about.html">联系我们</a></div>
       <div class="fot"><a href="about.html">服务协议</a></div>
       <div class="fot"><a href="about.html">意见反馈</a></div>
     
     </div>
  </div>
  </body>  
</html>
